<?xml version='1.0' encoding='UTF-8' ?>
<!--
    Document   : catalogo
    Created on : 24-jul-2011, 20:26:26
    Author     : Juan Sebastián Urrego
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/main-template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:param name="titulo" value="Catálogo de muebles" />
    <ui:define name="body">

        <!-- Header de la página -->
        <h:form>
            <ice:panelCollapsible id="linkPanel" expanded="true" disabled="true">
                <f:facet name="header">
                    <ice:outputText id="linkHeader"
                                    value="Agregar mueble" style="color:white"/>
                </f:facet>
            </ice:panelCollapsible>
        </h:form>

        <ice:panelGroup>
            <h:form>
                <div align="right" style="padding-right: 10px;">
                    <ice:commandButton style="background: transparent" image="./resources/img/pag/atras.png" action="menu.jsf"/>
                </div>
            </h:form>
            <h:form>
                <ice:panelGrid columns="2">
                    <ice:panelGroup>
                        <table>
                            <tr>
                                <td>
                                    <!-- Panel para agregar un nuevo mueble -->
                                    <ice:panelGroup>
                                        <table>
                                            <tr>

                                                <td>
                                                    <ice:outputLabel for="TxtPrecio"
                                                                     value="Precio"
                                                                     style="font-weight: bold"/>
                                                </td>
                                                <td>
                                                    <ice:inputText id="TxtPrecio"
                                                                   size="20"
                                                                   maxlength="20"
                                                                   value="#{catalogoBean.mueble.precio}"
                                                                   partialSubmit="true"
                                                                   required="true">
                                                        <f:validateLength minimum="1"/>
                                                    </ice:inputText>
                                                </td>
                                                <td>
                                                    <ice:outputLabel for="TxtCantidad"
                                                                     value="Cantidad"
                                                                     style="font-weight: bold"/>
                                                </td>
                                                <td>
                                                    <ice:inputText id="TxtCantidad"
                                                                   size="20"
                                                                   maxlength="20"
                                                                   value="#{catalogoBean.mueble.cantidad}"
                                                                   partialSubmit="true"
                                                                   required="true">
                                                        <f:validateLength minimum="1"/>
                                                    </ice:inputText>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td/>
                                                <td>
                                                    <ice:message id="precioMsg" for="TxtPrecio" />
                                                </td>
                                                <td/>
                                                <td>
                                                    <ice:message id="cantidadMsg" for="TxtCantidad" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <ice:outputLabel for="TxtNombre"
                                                                     value="Nombre"
                                                                     style="font-weight: bold"/>
                                                </td>
                                                <td>
                                                    <ice:inputText id="TxtNombre"
                                                                   maxlength="20"
                                                                   size="20"
                                                                   value="#{catalogoBean.mueble.nombre}"
                                                                   partialSubmit="true"
                                                                   required="true">
                                                        <f:validateLength minimum="1"/>
                                                    </ice:inputText>
                                                </td>

                                                <td>
                                                    <ice:outputLabel for="TxtImagen"
                                                                     value="Imágen"
                                                                     style="font-weight: bold"/>
                                                </td>
                                                <td>
                                                    <ice:inputText id="TxtImagen"
                                                                   size="20"
                                                                   maxlength="20"
                                                                   value="#{catalogoBean.mueble.imagen}"
                                                                   partialSubmit="true"
                                                                   required="true">
                                                        <f:validateLength minimum="1"/>
                                                    </ice:inputText>
                                                </td>

                                            </tr>
                                            <tr>
                                                <td/>
                                                <td>
                                                    <ice:message id="pwMsg" for="TxtNombre" />
                                                </td>
                                                <td/>
                                                <td>
                                                    <ice:message id="imgMsg" for="TxtImagen" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <ice:outputLabel for="TxtDescripcion" value="Descripción" style="font-weight: bold"/>
                                                </td>
                                                <td>
                                                    <ice:inputTextarea id="TxtDescripcion"
                                                                       value="#{catalogoBean.mueble.descripcion}"
                                                                       rows="4" style="width: 125px"
                                                                       partialSubmit="true"
                                                                       maxlength="150">
                                                        <f:validateLength minimum="1"/>
                                                    </ice:inputTextarea>
                                                </td>
                                            </tr>
                                            <tr>
                                                
                                                <td/>
                                                <td>
                                                    <ice:message id="descMsg" for="TxtDescripcion" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <ice:outputLabel value="Tipo"
                                                                     style="font-weight: bold"/>
                                                </td>
                                                <td>
                                                    <ice:selectOneMenu value="#{catalogoBean.mueble.tipo}">
                                                        <f:selectItems value="#{catalogoBean.tiposMuebles}" />
                                                    </ice:selectOneMenu>
                                                </td>
                                            </tr>
                                        </table>

                                    </ice:panelGroup>
                                </td>
                            </tr>
                        </table>
                    </ice:panelGroup>
                    <ice:graphicImage url="./resources/img/pag/addMueble.png" style="padding-left: 40px"/>
                </ice:panelGrid>
                <ice:commandButton value="Agregar" action="#{catalogoBean.agregarMueble}" />
                <ice:commandButton value="Nuevo" action="#{catalogoBean.limpiar}" />
            </h:form>
        </ice:panelGroup>


        <h:form>
            <ice:panelGroup>

                <!-- Se crea una tabla donde se presentan los muebles del sistema -->
                <ice:dataTable
                    id="data"
                    value="#{catalogoBean.muebles}"
                    var="file"
                    scrollable="false"
                    scrollHeight="100px"
                    cellpadding="0"
                    resizable="true"
                    rows="5">

                    <ice:column>

                        <f:facet name="header">
                            Referencia
                        </f:facet>
                        <ice:outputText value="#{file.referencia}"/>
                    </ice:column>
                    <ice:column style="width:40px">
                        <f:facet name="header">
                            Imágen
                        </f:facet>
                        <ice:graphicImage url="./resources/img/pag/#{file.imagen}_small.png"/>
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            Nombre
                        </f:facet>
                        <ice:outputText value="#{file.nombre}"/>
                    </ice:column>
                    <ice:column style="width:260px">
                        <f:facet name="header">
                            Descripción
                        </f:facet>
                        <ice:outputText value="#{file.descripcion}"/>
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            Tipo
                        </f:facet>
                        <ice:outputText value="#{file.tipo}"/>
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText
                                value="Remover"
                                style="color:white"/>
                        </f:facet>
                        <ice:panelGroup style="background-color: transparent">

                            <ice:commandLink id="DDRtn"
                                             actionListener="#{catalogoBean.eliminarMueble}"
                                             value="Eliminar">
                                <f:param name="muebleId" value="#{file.referencia}" />

                            </ice:commandLink>
                        </ice:panelGroup>
                    </ice:column>
                </ice:dataTable>

                <ice:panelGroup>

                    <!-- Se crea y establecen propiedades del paginador -->
                    <ice:dataPaginator id="dataScroll_1"

                                       for="data"
                                       vertical="false"
                                       fastStep="3"
                                       paginator="true"
                                       paginatorMaxPages="4">
                        <f:facet name="first">
                            <ice:graphicImage id="firstpage_1"
                                              url="./resources/img/graphics/arrow-first.gif"
                                              style="border:none;"
                                              title="Ir a la primera página"/>
                        </f:facet>
                        <f:facet name="last">
                            <ice:graphicImage id="lastpage_1"
                                              url="./resources/img/graphics/arrow-last.gif"
                                              style="border:none;"
                                              title="Ir a la última página"/>
                        </f:facet>
                        <f:facet name="previous">
                            <ice:graphicImage id="previouspage_1"
                                              url="./resources/img/graphics/arrow-previous.gif"
                                              style="border:none;"
                                              title="Atrás"/>
                        </f:facet>
                        <f:facet name="next">
                            <ice:graphicImage id="nextpage_1"
                                              url="./resources/img/graphics/arrow-next.gif"
                                              style="border:none;"
                                              title="Siguiente"/>
                        </f:facet>
                        <f:facet name="fastforward">
                            <ice:graphicImage id="fastforward_1"
                                              url="./resources/img/graphics/arrow-ff.gif"
                                              style="border:none;"/>
                        </f:facet>
                        <f:facet name="fastrewind">
                            <ice:graphicImage id="fastrewind_1"
                                              url="./resources/img/graphics/arrow-fr.gif"
                                              style="border:none;"/>
                        </f:facet>
                    </ice:dataPaginator>
                </ice:panelGroup>
            </ice:panelGroup>
        </h:form>
    </ui:define>


</ui:composition>